
/*
 * 
 * @returns {undefined}
 *                                         
 */

var pos_panel_filtro_vieja; //la que estaba en la bdd antes de tocar nada

var quedan_cambios_sin_guardar=0;
var distribucion_prop_actual;
var preview_estilo1='<div class="row-fluid" id="distribucion_preview_in"><div id="preview_prop_img" class="span5"></div><div id="preview_prop_data" class="span5"></div> <div class="span2" id="preview_prop_fav"></div></div>';
var preview_estilo2='<div class="row-fluid" id="distribucion_preview_in"><div id="preview_prop_fav" class="span2"></div><div class="span5" id="preview_prop_data"></div> <div class="span5" id="preview_prop_img"></div></div>';

var botonsito_propiedades;
var botonsito_propiedad;
var botonsito_propiedades;
var botonsito_pass;
var botonsito_orden;
var botonsito_paginado;
var botonsito_buckup;

$(document).ready(function(){

 botonsito_propiedades= document.getElementById("boton_propiedades");
 botonsito_propiedad= document.getElementById("boton_propiedad");
 botonsito_propiedades= document.getElementById("boton_propiedades");
 botonsito_pass= document.getElementById("boton_pass");
 botonsito_orden= document.getElementById("boton_orden");
 botonsito_paginado= document.getElementById("boton_paginado");
 botonsito_buckup = document.getElementById("boton_buckup");



    var hijo=document.getElementById("panel_hijo");
        if(hijo!==null)
        {
            hijo.parentNode.removeChild(hijo); 
        }
        
    $('.panel').append('<div id="panel_hijo"> Aun no se ha seleccionado ninguna opción para configurar </div>');
    
    //Setear a todos los botones como NO ACTIVO (con su id original)...no es necesario
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
    
});


function Arrastrar()
{
    if(quedan_cambios_sin_guardar==1)
            cambios_sin_guardar();
    else{
        
        //Setear al boton actual como activo y al resto como NO ACTIVO (con su id original)
    
        
        botonsito_propiedades.setAttribute("ID","opcion_activa");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
        
        
        var hijo=document.getElementById("panel_hijo");
        if(hijo!==null)
        {
            hijo.parentNode.removeChild(hijo); 
        }
        
        //averiguar de que lado estaba el panel!
        $.ajaxSetup({async: false});
         $.ajax({
                type:"GET",
                url: "consulta_bdd.php",
                success: function(data){
                    pos_panel_filtro_vieja=data;
                    
                 },
                 error:function(error){
                    alert("NO se cambio el estilo. ERROR") ;
                 }
                });

               
         if(pos_panel_filtro_vieja==1) 
        {
             $('.panel').append('<div id="panel_hijo"><div class="botones">  <button type="button" class="botones_admin2" onclick="cambiar_panel_filtro()">  Modificar Panel</button> <button type="button" class="botones_admin2" onclick="cambiar_estilo()">Guardar cambios </button> <button type="button" class="botones_admin2" onclick="descartar()"> Descartar </button></div>  <div id="propiedades_preview"> <div id="admin_izq_buscar" class="span2"> </div> <div class="span4" id="panel_props"></div><div  class="span2"> </div> </div> </div>');
        }
        else {
             $('.panel').append('<div id="panel_hijo"><div class="botones">  <button type="button" class="botones_admin2" onclick="cambiar_panel_filtro()">  Modificar Panel</button> <button type="button" class="botones_admin2" onclick="cambiar_estilo()">Guardar cambios </button> <button type="button" class="botones_admin2" onclick="descartar()"> Descartar </button></div><div id="propiedades_preview"> <div  class="span2">  </div> <div class="span4" id="panel_props"></div><div id="admin_der_buscar" class="span2"></div> </div> </div>');
         }
    }
    }

function cambiar_panel_filtro(){
     
    if(pos_panel_filtro_vieja==1) 
        {
           
            pos_panel_filtro_vieja=2;
            var img=document.getElementById("propiedades_preview");
            img.parentNode.removeChild(img);
            $('#panel_hijo').append('<div id="propiedades_preview"> <div  class="span2">  </div> <div class="span4" id="panel_props"></div><div id="admin_der_buscar" class="span2"></div> </div>');
            
        }
    else {
       
            pos_panel_filtro_vieja=1;
            
            var img=document.getElementById("propiedades_preview");
            img.parentNode.removeChild(img);

            $('#panel_hijo').append('<div id="propiedades_preview"> <div id="admin_izq_buscar" class="span2"> </div> <div class="span4" id="panel_props"></div><div  class="span2"> </div> </div>');
    }
    
    quedan_cambios_sin_guardar=1;
   
}
  //si <valor> es true entonces panel de filtro está a izq!!!!!!!
  function cambiar_estilo(){
      var consulta='?elemento=margen&valor=';
      consulta += (pos_panel_filtro_vieja==1)? 'false':'true';
      $.ajax({
            type:"GET",
            url: "cambiar_estilo.php"+consulta,
            success: function(data){
                  alert("se cambio el estilo") ;
                  
      
             },
             error:function(error){
                 alert("NO se cambio el estilo. ERROR") ;
             }
    });
    
    quedan_cambios_sin_guardar=0;
  }
  
 
 function cambios_sin_guardar()
 {
     alert("quedan cambios sin guardar. Guarde los cambios o descarte");
 } 
 function descartar(){
     
     
     
        
        /*
        //averiguar de que lado estaba el panel!
        $.ajaxSetup({async: false});
         $.ajax({
                type:"GET",
                url: "consulta_bdd.php",
                success: function(data){
                    pos_panel_filtro_vieja=data;
                    
                 },
                 error:function(error){
                    alert("NO se cambio el estilo. ERROR") ;
                 }
                });

               
         if(pos_panel_filtro_vieja==1) 
        {
           $('#panel_hijo').append('<div id="propiedades_preview"> <div id="admin_izq_buscar" class="span2"> </div> <div class="span4" id="panel_props"></div><div  class="span2"> </div> </div>');  
        }
        else {
           $('#panel_hijo').append('<div id="propiedades_preview"> <div  class="span2">  </div> <div class="span4" id="panel_props"></div><div id="admin_der_buscar" class="span2"></div> </div>');
         }
         */
        
         var hijo=document.getElementById("panel_hijo");
      
        if(hijo!==null)
        {
            hijo.parentNode.removeChild(hijo); 
        }
        
        $('.panel').append('<div id="panel_hijo"> Aun no se ha seleccionado ninguna opción para configurar </div>');
    
    //Setear a todos los botones como NO ACTIVO (con su id original)...no es necesario
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
        
        quedan_cambios_sin_guardar=0;
        
         
         
 }
function cambiar_pass(){
 
    //Setear al boton actual como activo y al resto como NO ACTIVO (con su id original)
 
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","opcion_activa");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
        if(quedan_cambios_sin_guardar==1)
            cambios_sin_guardar();
        else
           {
                 var hijo=document.getElementById("panel_hijo");
                if(hijo!==null)
                {
         
                    hijo.parentNode.removeChild(hijo); 
          
                }
                $('.panel').append('<div id="panel_hijo"> <table id="tabla_cambiar_pass"> <tr><td>Actual</td>  <td><input type="password" id="pass_viejo"/></td></tr>   <tr><td>Nuevo</td>  <td><input type="password" id="pass_nuevo1"/>  </td></tr>   <tr> <td>Repita Nuevo</td><td>  <input type="password" id="pass_nuevo2"/> </td></tr>   <tr><td> </td><td> <button type="button" class="botones_admin2" onclick="accion_cambiar_pass()">Cambiar Pass</button></td></tr> </table></div>');
           }
    
}

function accion_cambiar_pass(){
    var v_pass_viejo = $("input#pass_viejo").val();
    var v_pass_nuevo1 = $("input#pass_nuevo1").val();
    var v_pass_nuevo2 = $("input#pass_nuevo2").val();
    
    if(v_pass_viejo.length==0 || v_pass_nuevo1.length==0 || v_pass_nuevo2.length==0)
        alert('Alguno de los campos está vacío');
    else if(v_pass_nuevo1!=v_pass_nuevo2){
        alert('No coinciden los passwords nuevos');
        
    }else{
       
        $.ajax({
            type:"POST",
            data:{pass_viejo:v_pass_viejo, pass_nuevo1:v_pass_nuevo1},
            url: "change_pass.php",
            success: function(data){
                //alert("EXITO!!!!");
                alert(data);
                var v_pass_viejo = $("input#pass_viejo").val('');
                var v_pass_nuevo1 = $("input#pass_nuevo1").val('');
                var v_pass_nuevo2 = $("input#pass_nuevo2").val('');
             },
             error:function(error, status){
                 //alert(status);
                 $('.panel').append(error);
             }
        });
    }
}

function panel_cambiar_paginado(){
    
    //Setear al boton actual como activo y al resto como NO ACTIVO (con su id original)

        
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","opcion_activa");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
        if(quedan_cambios_sin_guardar==1)
            cambios_sin_guardar();
        else{
             var hijo=document.getElementById("panel_hijo");
            if(hijo!==null)
             {
                hijo.parentNode.removeChild(hijo); 
            }
            $('.panel').append(' <div id="panel_hijo">  <form name="input" action="cambiar_paginado.php" method="post"><select id="s_paginado" name="cant_paginas"><option value="4">4</option><option value="8">8</option><option value="12">12</option><option value="16">16</option><option value="20">20</option></select><br><input class="botones_admin2" type="submit" value="Cambiar"></form> </div>');
        }
        var paginado_actual;
        $.ajaxSetup({async: false});
        $.ajax({
                type:"GET",
                url: "consulta_bd_prop.php?elemento=paginado",
                success: function(data){
                    
                    paginado_actual=data;
                 },
                 error:function(error){
                    alert("NO se pudo consultar al servidor") ;
                 }
        });
        $('select#s_paginado').val(paginado_actual);
        
}

function panel_cambiar_orden(){
    
    //Setear al boton actual como activo y al resto como NO ACTIVO (con su id original)
        
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","opcion_activa");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
        if(quedan_cambios_sin_guardar==1)
            cambios_sin_guardar();
        else{
             var hijo=document.getElementById("panel_hijo");
            if(hijo!==null)
             {
                hijo.parentNode.removeChild(hijo); 
            }
            $('.panel').append('<div id="panel_hijo"><form name="input" action="cambiar_orden_default.php" method="post"><select id="s_orden" name="orden"><option value="propiedades.id_propiedad">Id Propiedad</option><option value="dormitorios">Cant Dormitorios</option><option value="antiguedad">Antigüedad</option><option value="favoritos">Cant favoritos</option></select><br><input class="botones_admin2" type="submit" value="Cambiar"></form></div>');
        }
        var orden_actual;
        $.ajaxSetup({async: false});
        $.ajax({
                type:"GET",
                url: "consulta_bd_prop.php?elemento=orden",
                success: function(data){
                    
                    orden_actual=data;
                 },
                 error:function(error){
                    alert("NO se pudo consultar al servidor") ;
                 }
        });
        $('select#s_orden').val(orden_actual);
}

    window.onbeforeunload = preguntarAntesDeSalir;
     
    function preguntarAntesDeSalir()
    {
      if (quedan_cambios_sin_guardar)
        return "Quedan cambios sin guardar. Permanezca en el sitio y presione 'guardar cambios'. Si abandona la página serán descartados.";
    }

function boton_buckup(){
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","boton_propiedad");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","opcion_activa");
        
        var hijo=document.getElementById("panel_hijo");
        if(hijo!==null)
        {
        hijo.parentNode.removeChild(hijo);
        $('.panel').append('<div id="panel_hijo">Espere un momento, descargando backup...</div>');
        }
}
    
function panel_cambiar_propiedad(){
    
    //Setear al boton actual como activo y al resto como NO ACTIVO (con su id original)
        
        botonsito_propiedades.setAttribute("ID","boton_propiedades");
        botonsito_propiedad.setAttribute("ID","opcion_activa");
        botonsito_pass.setAttribute("ID","boton_pass");
        botonsito_orden.setAttribute("ID","boton_orden");
        botonsito_paginado.setAttribute("ID","boton_paginado");
        botonsito_buckup.setAttribute("ID","boton_buckup");
        
    if(quedan_cambios_sin_guardar==1)
            cambios_sin_guardar();
    else{
        var hijo=document.getElementById("panel_hijo");
        if(hijo!==null)
        {
            hijo.parentNode.removeChild(hijo); 
        }
        
        //averiguar de que lado estaba el panel!
        $.ajaxSetup({async: false});
        $.ajax({
                type:"GET",
                url: "consulta_bd_prop.php?elemento=distribucion_propiedad",
                success: function(data){
                    distribucion_prop_actual=data;
                 },
                 error:function(error){
                    alert("NO se pudo consultar al servidor") ;
                 }
        });

          //$('.panel').append(' <div id="panel_hijo"> <div class="row-fluid"> <div class="botones span12">  <button type="button" class="botones_admin2" onclick="cambiar_distribucion_preview(false)">  Cambiar distribucion </button> <button type="button" class="botones_admin2" onclick="cambiar_distribucion()"> Guardar cambios </button> <button type="button" class="botones_admin2" onclick="cambiar_distribucion_preview(true)"> Descartar </button> </div> </div> <div id="distribucion_preview_out"> </div> </div> ');
          $('.panel').append(' <div id="panel_hijo"> <div class="row-fluid"> <div class="botones span12">  <button type="button" class="botones_admin2" onclick="cambiar_distribucion_preview(false)">  Cambiar distribucion </button> <button type="button" class="botones_admin2" onclick="cambiar_distribucion()"> Guardar cambios </button> <button type="button" class="botones_admin2" onclick="descartar_propiedad()"> Descartar </button> </div> </div> <div id="distribucion_preview_out"> </div> </div> ');
          
          if(distribucion_prop_actual=='estilo_1'){ // I D F
                $('#distribucion_preview_out').append(preview_estilo1);
        }else{ // D I F
            $('#distribucion_preview_out').append(preview_estilo2);
        }
          
    }
    }
    
    function descartar_propiedad(){
        
        /*
        var estilo_en_bd;
        $.ajaxSetup({async: false});
         $.ajax({
                type:"GET",
                url: "consulta_bd_prop.php",
                success: function(data){
                    estilo_en_bd=data;
                    
                    
                 },
                 error:function(error){
                    alert("NO se cambio el estilo. ERROR") ;
                 }
                });
             if(estilo_en_bd!='estilo_1') 
        {
          
           distribucion_prop_actual='estilo_2';
           $('#distribucion_preview_in').remove();
           $('#distribucion_preview_out').append(preview_estilo2);
        }
    else {
       
           distribucion_prop_actual='estilo_1';
            
            $('#distribucion_preview_in').remove();
            $('#distribucion_preview_out').append(preview_estilo1);
    }*/
        //quedan_cambios_sin_guardar= 0;
        // location.reload(true);
       descartar();
        
    }
    
    function cambiar_distribucion_preview(descartar){
        if(distribucion_prop_actual=='estilo_1') 
        {
          
           distribucion_prop_actual='estilo_2';
           $('#distribucion_preview_in').remove();
           $('#distribucion_preview_out').append(preview_estilo2);
        }
    else {
       
           distribucion_prop_actual='estilo_1';
            
            $('#distribucion_preview_in').remove();
            $('#distribucion_preview_out').append(preview_estilo1);
    }
    quedan_cambios_sin_guardar= (descartar)?0:1;
    }
    
    function cambiar_distribucion(){
      
      var consulta='?elemento=distribucion_propiedad&valor=';
      consulta +=distribucion_prop_actual;
      $.ajax({
            type:"GET",
            url: "cambiar_estilo.php"+consulta,
            success: function(data){
                  alert("La distribucion se modificó correctamente") ;
             },
             error:function(error){
                 alert("Se produjo un error al querer modificar la distribución") ;
             }
    });
    
    quedan_cambios_sin_guardar=0;
  }
